<template>
  <div class="home">
    <router-view />
    <div class="footer">
      <van-tabbar v-model="active" route>
        <van-tabbar-item icon="wap-home-o" replace to="/home/index">首页
        </van-tabbar-item>
        <van-tabbar-item icon="search" replace to="/home/search">发现</van-tabbar-item>
        <van-tabbar-item icon="desktop-o" replace to="/home/decoration">装修</van-tabbar-item>
        <van-tabbar-item icon="shop-o" replace to="/home/shop">商店</van-tabbar-item>
        <van-tabbar-item icon="user-o" replace to="/home/me">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "HomeView",
  components: {
    HelloWorld,
  },
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style>
.footer {
  margin-top: 50px;
}
</style>


